// 入口函数
$(function () {
    // 需求1：点击a链接，显示隐藏
    $("#loginBox a").on('click', function () {
        // 点击的登录狂内部的a链接
        // 点击的注册区域，隐藏登录区域
        $("#regBox").show();
        $("#loginBox").hide();
    })
    $("#regBox a").on('click', function () {
        // 点击的注册狂内部的a链接
        // 点击的登录区域，隐藏登录区域
        $("#regBox").hide();
        $("#loginBox").show();
    })
})

// 需求2.定义校验规则
// console.log(layui);  导入layui.all
let form = layui.form; /* 赋值 */
// 定义校验规则，使用的是form.verify(),
// 参数是对象，属性是校验名称，值是校验规则
form.verify({
    // 属性是校验名称，值是校验规则
    // 值有两种类型，函数和数组
    username: [
        /^[a-zA-Z0-9]{1,10}$/,
        '用户名必须是1到10位数字和字母'
    ],
    pwd: [
        /^[a-zA-Z0-9]{6,12}$/,
        '密码必须是6到12位数字和字母'
    ],
    // 确认密码规则
    rePwd: function (value) {
        console.log(value);

        let pwd = $("#regBox input[name=password]").val();
        // 如果原密码的值和确认密码的值不相等，就报错
        if (pwd !== value) {
            return '两次密码输入不一致！'
        }
    }
})

// 需求3：注册功能
// $("#formReg").on('submit', function (e) {
//     e.preventDefault();
//     // 发送
//     axios({
//         method: 'POST',
//         url: '/api/reguser',
//         data: $(this).serialize()
//         // data: {
//         //     username: $("#formReg [name=username]"),
//         //     password: $("#formReg [name=password]")
//         // }
//     }).then(res => {
//         // console.log(res.data);
//         if (res.status !== 0) {
//             return alert(res.data.message);
//         }
//         layer.msg('恭喜你，注册用户成功！');

//         $("#regBox a").click();
//         $("#formReg")[0].reset();
//     })
// })

$("#formReg").on('submit', function (e) {
    e.preventDefault();

    axios({
        method: 'POST',
        url: '/api/reguser',
        data: $(this).serialize()
        // data: {
        //     username: $("#formReg [name=username]"),
        //     password: $("#formReg [name=password]")
        // }
    }).then(res => {
        // console.log(res.data);
        if (res.status !== 0) {
            return alert(res.data.message);
        }
        layer.msg('恭喜你，注册用户成功！');

        $("#regBox a").click();
        $("#formReg")[0].reset();
    })
})